<template>
  <div class="box">
    <!-- 插值表达式 -->
    <h1>{{message}}</h1>
    <h1>{{flag?'hello':'bye'}}</h1>
    <h1>{{count+1}}</h1>
  </div>
</template>


//setup 语法糖
<script setup>
  import {ref , reactive } from 'vue'

  let message = ref('Hello Vue3 Vite!')
  let flag = ref(false)
  let count = ref(0)
</script>

<style scoped>

</style>